/**
 * Created by yoyoyk on 2017/3/8.
 */

import React , {Component}from 'react';
import { Modal, Button } from 'antd';
import Confirm from '../../common/Confirm'
import Select from '../../common/Select'

/*业务平台>人员管理>编辑部门>批量修改职务*/

export default class Muchmodifyjob extends React.Component {
    constructor(props){
        super(props);
        this.state = { visible: false }
        this.Style={};
    }

    componentWillMount() {
        this.Style.muchmodifyjobview={
            textAlign:"center",
            display:"block",
            border:"3px solid green"
        }
        this.Style.muchmodifyjobview.width = 400;
        this.Style.muchmodifyjobview.height = 200;
        this.Style.muchmodifyjobview.fontSize = 30;

        this.Style.muchmodifyjobview={
            width:"634px",
            height:"44px",
            paddingLeft:"18px",
            lineHeight:"44px",
            display:"block",
            background:"#f2f2f2",
            marginBottom:49
        }
    }

    state = { visible: false }
    showModal = () => {
        this.setState({
            visible: true,
        });
    }
    handleOk = (e) => {
        console.log(e);
        this.setState({
            visible: false,
        });
    }
    handleCancel = (e) => {
        console.log(e);
        this.setState({
            visible: false,
        });
    }


    createuser(){

    }

    render(){
        return (
            <div>
            <Button type="primary" onClick={this.showModal} >编辑</Button>


            <Modal visible={this.state.visible} onOk={this.handleOk} onCancel={this.handleCancel} style={{width:"634px",height:"240px",display:"block"}} title={"批量修改职务"}>
                <p style={{width:200,marginLeft:80}}>员工总数<span>3</span>人</p>
                <span style={{position:"absolute",display:"block",left:80,top:42}}>职务</span><Select  var oArr={oArr1} style={{display:"inlineBlock", width:338,height:30,display:"inlineBlock",marginTop:20,marginLeft:124}}/>
                <Confirm tcontext="确认修改" style={{width:130,height:30,display:"block",color:"#fff",fontSize:"16px",marginTop:60,marginLeft:220}} touch={this.createuser.bind(this)}/>
            </Modal>
            </div>
        )
    }
}

var oArr1=[
    {text:"请选择职务",value:"0"},
    {text:"前台",value:"1"},
    {text:"后台",value:"2"},
    {text:"管理",value:"3"}
]




